<template>
  <div>
  <div style="height:600px;">
  <el-card v-for="o in this.Order" :key="o.m_Item7" class="box-card" style="margin-top:25px;" shadow="hover">
  <div slot="header" class="clearfix">
    <h1>{{o.m_Item5}}</h1>
    <h5>订单号：{{o.m_Item7}}</h5>
  </div>
  
  <div  class="text item">
    <el-col :span="6"><img :src="o.m_Item4" style="height:150px;"></el-col>
    <el-col :span="6" ><p style="margin-top:45px;">退票时间{{o.m_Item3}}</p>
    <p>影厅：{{o.m_Item6}}</p>
    <p>座位：{{o.m_Item1}}</p>
    </el-col>
    <el-col :span="6" style="text-align:center;line-height:150px;">￥{{o.m_Item2}}</el-col>
    <el-col :span="6" style="text-align:center;line-height:150px;" >已退票</el-col>
  </div>
</el-card>
</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      User: this.$cookies.get("User"),
      Order: [],
    };
  },
  mounted() {
    
  },
  methods: {
    async OrderInfo(){
      await this.Ajax.get("api/Order/GetReFundByUserID?ID=" + this.User.UserID).then(
        (O) => {
          console.log("21`");
          this.Order = O.data;
          console.log(O.data);
          this.tableData=O.data;
        }
      );
    },
  },
  created() {
    this.OrderInfo();
    console.log(this.NowTime>Date.parse("2020-06-20T13:00:00"));
  },
};
</script>
